﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>_LayoutAdmin</title>
    <link href="~/css/metro-bootstrap.css" rel="stylesheet" />
    <link href="~/css/metro-bootstrap-responsive.css" rel="stylesheet" />
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryui")
    <script src="~/js/metro.min.js"></script>
    <script>
        var site = site || {};
        site.baseUrl = site.baseUrl || "";

        $(document).ready(function (e) {

            // locate each partial section.
            // if it has a URL set, load the contents into the area.

            $(".partialContents").each(function (index, item) {
                var url = site.baseUrl + $(item).data("url");
                if (url && url.length > 0) {
                    $(item).load(url);
                }
            });

            // DEMO ONLY - JUST IGNORE
            // Just to make the loading time obvious....
            $("a.nav").click(function () {
                $("body").html("");
            });
        });

    </script>
</head>
<body class="metro" style="background-color:#2F2827">
    @*<nav class="navigation-bar bg-dark">
            <div class="container tertiary-text bg-dark fg-white">
                <nav class="navigation-bar-content">
                    <div class="element">
                        ADMIN AREA
                    </div>
                    <span class="element-divider"></span>
                    <div class="element">
                        <a class="dropdown-toggle" href="#">GAMES</a>
                        <ul class="dropdown-menu" data-role="dropdown">
                            <li><a href="#">Main</a></li>
                            <li><a href="#">File Open</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Print...</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Exit</a></li>
                        </ul>
                    </div>
                    <a class="element brand" href="#"><span class="icon-spin"></span></a>
                    <a class="element brand" href="#"><span class="icon-printer"></span></a>
                    <span class="element-divider"></span>
                </nav>
            </div>
        </nav>*@
    <div class="container" style="background: url(/Images/logo.jpg) no-repeat; height: 136px; ">
        <h1 style="padding: 22px 0 0 0; color: #FFF; text-decoration: none;">
            <a href="#" class="fg-white">Balas &<span class="fg-yellow"> Bolinhos</span></a>
        </h1>
        <h2 class="fg-grayLight" style="font-size: 120%; padding: 4px 0 0 0;">A meta é a camisola amarela!</h2>
    </div>
    <div class="container">

        @*<header class="margin20 nrm nlm">
                <div class="main-menu-wrapper">
                    <ul class="horizontal-menu nlm fg-white">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Competicoes</a></li>
                        <li><a href="#">Apostas</a></li>
                        <li><a href="#">Classificacao</a></li>
                        <li><a href="#">Estatisticas</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Contacto</a></li>
                        <li><a href="#">Admin</a></li>
                    </ul>
                </div>
            </header>*@

        @*<div style="background-color:white; padding:10px 10px 10px 10px; height: 400px;">*@
        <div>
            @RenderBody()
            @Html.Partial("NewsControl")
        </div>
        @*<footer>
                <nav class="navigation-bar bg-dark fixed-bottom">
                    <div class="bg-dark">
                        <div class="container tertiary-text bg-dark fg-white">
                            <ul class="horizontal-menu compact fg-white">
                                <li>&copy; 2014 Metro UI CSS</li>
                                <li><a href="#">Privacy</a></li>
                                <li><a href="#">Legal</a></li>
                                <li><a href="#">Advertise</a></li>
                                <li><a href="#">Help</a></li>
                                <li><a href="#">Feedback</a></li>
                            </ul>
                        </div>
                        <div class="bottom-menu-wrapper">
                        </div>
                    </div>
                </nav>
            </footer>*@
    </div>
</body>
</html>
